
.content>* {
    /* 按`顺时针`分别设置四周外边距: 上 右 下 左 */
    margin: 25px 50px 0 50px;
}

.add-loong-form-wrapper,
.edit {
    border: 1px solid transparent ;
    background: #fff;
}

.add-loong-form-wrapper>p:first-child,
.edit>p:first-child {
    text-align: center;
    font-size: 30px;
    line-height: 50px;
}

.cat-wrapper {
    /* 相对定位 */
    position: relative;
    height: 60vh;
    border: 1px solid blue;
    overflow: hidden;
}

.cat-wrapper>img {
    /* 绝对定位 */
    position: absolute;
    /* 采用绝对定位的元素通常还会设置 left/right 以及 top/bottom*/
    width: 200px;
    margin-left: -100px;
    height: 134px;
    margin-top: -67px;
}

.core-socialist-values {
    position: relative;
    height: 60vh ;
    border: 1px solid blue;
    overflow: hidden;
}

.core-socialist-values>div {
    position: absolute;
    color: #FF0000 ;
    font-size: 30px;
    text-align: center;
    text-shadow: 0 0 5px #FFFF00;
    width: 80px;
    margin-left: -40px;
    line-height: 40px;
    height: 40px;
    margin-top: -20px;
    user-select: none;
    visibility: hidden
}

.comment-list {
    border: 1px solid blue;
}

.blog-post {
    margin-top: 10px;
    border: 1px solid green;
}